<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title><{:C('site_name')}></title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">

<script type="text/javascript" src="<{:STATICS}>/js/jquery.min.js"></script>
<script type="text/javascript" src="<{:STATICS}>/js/jquery.form.min.js"></script>
<script type="text/javascript" src="<{:STATICS}>/layui/lay/dest/layui.all.js"></script>
<script type="text/javascript" src="<{:STATICS}>/js/regExp.js"></script>
<script type="text/javascript" src="<{:RES}>/js/common.js"></script>

<link rel="stylesheet" href="<{:STATICS}>/layui/css/layui.css" media="all" />
<link rel="stylesheet" href="<{:STATICS}>/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="<{:RES}>/css/global.css" media="all">
<script>
$(function(){
	//ajaxform
	var options = { 
		dataType:'json',
		beforeSubmit:showRequest,//表单验证方式
        success:showResponse  // post-submit callback 
    }; 

    $('#iframForm').ajaxForm(options); 

    function showResponse(responseText, statusText)  {
		if (statusText == 'success') {
			parent.layer.close(load);
			if (responseText.status==1) {
				parent.layer.open({
					type:0, 
					icon:1,
					content:responseText.info,
					time:3000,
					end: function(){ 
						var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
						parent.layer.close(index);
						parent.location.reload();
					} 
				});
			}else{
				parent.layer.open({
					type:0, 
					icon:2,
					content:responseText.info
				});
			}
		}else{
			parent.layer.msg('服务器错误');
		}
	} 

	function showRequest(){
		load = parent.layer.load(0,{shade: [0.7, '#000000']});
	}
})
</script>

</head>
<body>
<div class="iframeBox">
	<form id="iframForm" class="layui-form" method="post" action="<{:U('Chexing/edit')}>">	
		<div class="layui-form-item">
			<label class="layui-form-label">车型名称</label>
			<div class="layui-input-block">
				<input type="text" name="carName" lay-verify="required" value="<{$list.carName}>" class="layui-input" >
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">品牌</label>
			<div class="layui-input-inline">
				<select name="brandID" id="brandID" lay-verify="required" lay-filter="brandID">
		    	<option value="">==请选择==</option>
					<volist name="c_data.brand" id="vo">
					<option value="<{$vo['id']}>"><{$vo['name']}></option>
					</volist>
		        </select>
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">年款</label>
			<div class="layui-input-inline">
				<input type="text" name="year" value="<{$list.year}>" lay-verify="required" value="" class="layui-input" />
			</div>
		</div>		
		
		<div class="layui-form-item">
			<div class="layui-input-block">
				<button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
			</div>
		</div>	
		<input type="hidden" name="id" value="<{$list.id}>" />
		<input type="hidden" name="brandName" id="brandName" value="<{$list.brandName}>">
	</form>
</div>

<script>
$(function(){	
	$("#brandID").val("<{$list.brandID}>");	

	var form = layui.form();
	form.on('select(brandID)', function(data){	
		name = data.elem[data.elem.selectedIndex].text;
		$("#brandName").val(name);
	}); 
})
</script>